/* pages/work-order/executeRecord/index.wxss */
.creatPage {
    height: 100vh;
    background: #f8f9fa;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.createHeader {
    background: #fff;
}

.creatBody {
    flex-grow: 1;
    height: 0;

    .wrap {
        padding: 24rpx;
    }
}

.form {
    font-size: 24rpx;
    font-weight: 400;
    background: #fff;
    border-radius: 24rpx;
    padding: 24rpx;
    display: flex;
    flex-direction: column;
    gap: 24rpx;

    .more {
        display: flex;
        flex-direction: column;
        gap: 24rpx;
    }

    .red {
        color: #d92400;
    }

    .icon-location {
        font-size: 24rpx;
        padding-left: 16rpx;
        color: #5c9ead;
    }

    .finish {
        display: flex;
        justify-content: flex-end;

        .button {
            color: #058aff;
            font-weight: 600;
        }
    }

    .formItem {
        display: flex;
        flex-direction: column;
        gap: 16rpx;
    }

    .inputBox {
        background: #f8f8f8;
        border-radius: 12rpx;
        display: flex;
        position: relative;
        &.uploadBox{
            flex-direction: column;
            gap: 24rpx;
        }

        .placeholder {
            color: #b7b9bd;
        }

        .inputWrap {
            flex-grow: 1;

            &.textareaWrap {
                line-height: 40rpx;
                padding: 24rpx;
            }
        }

        .input {
            height: 88rpx;
            line-height: 88rpx;
            padding: 0 24rpx;
        }

        .icon {
            display: flex;
            flex-direction: column;
            justify-content: center;
            color: #adb5bd;
            padding: 0 10rpx;
        }

        .upload {
            height: 200rpx;
            text-align: center;
            display: flex;
            justify-content: center;
            flex-direction: column;
            color: #8b8c8f;
            gap: 16rpx;
            width: calc(100vw - 96rpx);

            .iconfont {
                font-size: 40rpx;
                color: #5c9ead;
            }
        }
    }

    .showMore {
        padding: 44rpx 0;
        text-align: center;
    }

    .selectMap {
        width: 100%;
        height: 286rpx;
    }

    .typeList {
        position: absolute;
        background: #fff;
        width: 160rpx;
        right: 0;
        top: 88rpx;
        z-index: 20;
        font-size: 28rpx;

        .list {
            display: flex;
            flex-direction: column;
            text-align: center;

            .item {
                line-height: 56rpx;
            }
        }
    }
}

.drawer {
    background: #fff;
    text-align: center;

    .info {
        height: 80rpx;
        line-height: 80rpx;
        border-bottom: #EDEEF0 2rpx solid;
        font-size: 26rpx;
        font-weight: 600;

        &.light {
            color: #adb5bd;
            font-weight: 400;
        }

        &.action {
            border-top: #EDEEF0 18rpx solid;
        }
    }

    .title {
        height: 120rpx;
        line-height: 120rpx;
        font-weight: 600;
        font-size: 36rpx;
    }
}

.sector {
    padding: 24rpx;
    font-size: 24rpx;

    .secHeader {
        display: flex;
        justify-content: space-between;
        padding-bottom: 24rpx;

        .title {
            font-size: 32rpx;
        }

        .add,
        .confirm {
            display: flex;
            flex-direction: column-reverse;
        }

        .add {
            color: #058aff;
        }
    }

    .secSearch {
        background: #F7F7F9;
        color: #808080;
        height: 50rpx;
        line-height: 50rpx;
        display: flex;
        gap: 10rpx;
        padding: 0 20rpx;
        border-radius: 25rpx;

        .inputBox {
            flex-grow: 1;
        }
    }

    .secList {
        padding: 34rpx 0;
        display: flex;
        flex-direction: column;

        .item {
            display: flex;
            justify-content: space-between;
            padding: 17rpx 0;
        }

        .iconfont {
            color: #16c46a;
            display: none;

            &.show {
                display: block;
            }
        }
    }
}
.imgList{
    display: flex;
    .item{
        .image{
            width: 160rpx;
            height: 100rpx;
        }
    }
}